<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录/注册</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_3414943_996nj636no.css">
    <link rel="stylesheet" href="./css/login.css">
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

</head>

<body>

    <!-- 首部导航栏含log -->
    <header>
        <div class="header-inner">
            <div>
                <img src="./image/logo-en.png" alt="">
            </div>
            <ul class="header-nav">
                <li>
                    <span>Hi~</span>
                    <a href="">[请登录]</a>
                    <a href="">[免费注册]</a>
                </li>
                <li class="tool-options">
                    <a href=""><span>MY有货</span></a>
                    <div class="shape"></div>
                    <div class="tool-select">
                        <a href="//www.yohobuy.com/home/favorite?t=1653058662560">我的收藏</a>
                        <a href="//www.yohobuy.com/home/coupons?t=1653058662560">优惠券</a>
                    </div>
                </li>
                <li>
                    <a href=""><span>订单中心</span></a>
                </li>
                <li class="tool-options">
                    <a href=""><span>客户服务</span></a>
                    <div class="shape"></div>
                    <div class="tool-select layou">
                        <a href="//www.yohobuy.com/home/favorite?t=1653058662560">我的收藏</a>
                        <a href="//www.yohobuy.com/home/coupons?t=1653058662560">优惠券</a>
                    </div>
                </li>
            </ul>
        </div>
    </header>
    <!-- 主体内容 -->
    <main>
        <div class="content">
            <div class="hint">
                <span class="iconfont icon-zhuyi"></span>
                <a href="">为保障账户安全与正常使用，依《网络安全法》相关要求，会员账号需绑定手机号。
                    <span>如您尚未绑定手机号，请尽快完成，</span>感谢您对Yoho!Buy有货的理解与支持！</a>
            </div>
            <div class="cover">
                <div class="cover-content">
                    <img src="./image/colorLog.png" alt="">
                </div>
            </div>
            <form action="">
                <div class="login-type">
                    <ul class="login-ul">
                        <div class="switch">
                            <div class="type-mobile"></div>
                            <div class="tip">
                                <div class="title">扫码登录更安全</div>
                            </div>
                        </div>
                        <div class="desktop-login">
                            <div class="relative">
                                <h2>会员登录</h2>
                                <span>
                                    <em>中国 +86</em>
                                    <i class="iconfont icon-shanglajiantou"></i>
                                </span>
                            </div>
                            <div class="relative">
                                <div class="switch-box">
                                    <div class="box-left selected everyone">普通登录</div>
                                    <div class="box-right everyone">快速注册</div>
                                </div>
                            </div>
                            <div class="log">
                                <div class="relative inp">

                                    <input class="error userData" id="username" type="text" placeholder="邮箱/手机号码"
                                        autocomplete="off">
                                    <span>
                                        <i class="out-img"></i>
                                        <em class="message"></em>
                                    </span>
                                </div>
                                <div class="relative inp">
                                    <input class="error pasData" type="password" maxlength="20" placeholder="密码"
                                        autocomplete="off">
                                </div>
                            </div>

                            <!-- 注册框 -->
                            <!-- <div class="enroll" style="display: none;">
                                <div class="relative inp">
                                    <input class="error userData-log" id="reguser" type="text" placeholder="请输入注册邮箱/手机号">
                                    <span>
                                        <i class="out-img1"></i>
                                        <em class="message1"></em>
                                    </span>
                                </div>
                                <div class="relative inp">
                                    <input class="error pasData-log" type="regpass" maxlength="20" placeholder="请输入注册密码"
                                        autocomplete="off">
                                </div>
                            </div> -->
                            <div class="relative show-img">
                                <div class="img-check-header">
                                    <span>请将下列图片点击翻转至正确方向</span>
                                    <a class="img-check-refresh">换一批</a>
                                </div>
                                <div class="img-check-main">
                                    <ul class="img-check-pics">
                                        <li>
                                            <img src="./image/images.jpg" alt="" style="margin-left: 0px;">
                                        </li>
                                        <li>
                                            <img src="./image/images.jpg" alt="" style="margin-left: -60px;">
                                        </li>
                                        <li>
                                            <img src="./image/images.jpg" alt="" style="margin-left: -120px;">
                                        </li>
                                        <li>
                                            <img src="./image/images.jpg" alt="" style="margin-left: -180px;">
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="desktop-btn">
                            <span id="login-btn" class="login-btn btn" onclick="startLogin(this)">登录</span>
                        </div>
                        <div class="other-opts">
                            <span class="state">
                                <input type="checkbox" id="record" onclick="btnbox()">
                                记住登录状态
                            </span>
                            <!-- <span class="right">
                                <a class="forget-password" href="//www.yohobuy.com/passport/back/index">忘记密码?</a>
                                |
                                <a class="fast-reg" href="/reg.html?refer=https%3A%2F%2Fwww.yohobuy.com%2F">快速注册</a>
                            </span> -->
                        </div>
                        <div class="login-way">
                            <a href="#">
                                <span class="iconfont icon-weixin" style="color: green;"></span>
                            </a>
                            <a href="#">
                                <span class="iconfont icon-weibo" style="color:red;"></span>
                            </a>
                            <a href="#">
                                <span class="iconfont icon-zhifubaozhifu" style="color:orange;"></span>
                            </a>
                        </div>
                    </ul>
                </div>
            </form>
        </div>
    </main>
    <div class="message1 message-center">
        <p class="mes-content">请输入账号或密码</p>
        <i class="message-close-btn">&times;</i>
    </div>
    <footer>
        <div class="yoho-footer">
            <div class="promise">
                <div class="content">
                    <div class="left">
                        <span class="iconfont icon-zhengpin"></span>
                        <span class="red">100%</span>
                        <span class="rgbf">品牌正品</span>
                    </div>
                    <div class="left">
                        <span class="iconfont icon-wuliu"></span>
                        <span class="red">7天</span>
                        <span class="rgbf">无理由退换货</span>
                    </div>
                    <div class="left">
                        <span class="iconfont icon-24gl-bubblesDots5"></span>
                        <span class="red">便捷</span>
                        <span class="rgbf">在线客服</span>
                    </div>
                </div>
            </div>
            <div class="footer-help">
                <div class="content">
                    <div class="left">
                        <ul>
                            <li class="left">
                                <p><span>新手专区</span></p>
                                <p><a href="//www.yohobuy.com/help/detail?id=168" target="_blank"
                                        rel="nofollow">注册登录</a></p>
                                <p><a href="//www.yohobuy.com/help/detail?id=170" target="_blank"
                                        rel="nofollow">购物结算</a></p>
                                <p><a href="//www.yohobuy.com/help/detail?id=172" target="_blank"
                                        rel="nofollow">下单支付</a></p>
                                <p><a href="//www.yohobuy.com/help/detail?id=174" target="_blank"
                                        rel="nofollow">收货评价</a></p>
                            </li>
                            <li class="left">
                                <p><span>会员中心</span></p>
                                <p><a href="//www.yohobuy.com/help/detail?id=156" target="_blank"
                                        rel="nofollow">会员制度</a>
                                </p>
                                <p><a href="//www.yohobuy.com/help/detail?id=158" target="_blank"
                                        rel="nofollow">会员优惠</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=160" target="_blank"
                                        rel="nofollow">账户管理</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=162" target="_blank"
                                        rel="nofollow">密码管理</a>
                                </p>
                            </li>
                            <li class="left">
                                <p>
                                    <span>购物指南</span>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=180" target="_blank" rel="nofollow">发票</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=182" target="_blank"
                                        rel="nofollow">尺码对照</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=184" target="_blank"
                                        rel="nofollow">尺码解读</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=186" target="_blank"
                                        rel="nofollow">商品咨询</a>
                                </p>
                            </li>
                            <li class="left">
                                <p>
                                    <span>支付方式</span>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=192" target="_blank"
                                        rel="nofollow">在线支付</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=194" target="_blank"
                                        rel="nofollow">货到付款</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=196" target="_blank"
                                        rel="nofollow">分期支付</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=198" target="_blank"
                                        rel="nofollow">优惠券、有货币</a>
                                </p>
                            </li>
                            <li class="left">
                                <p>
                                    <span>配送方式</span>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=204" target="_blank"
                                        rel="nofollow">配送说明</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=206" target="_blank"
                                        rel="nofollow">运费说明</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=208" target="_blank"
                                        rel="nofollow">验货签收</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=210" target="_blank"
                                        rel="nofollow">收货样品</a>
                                </p>
                            </li>
                            <li class="left">
                                <p>
                                    <span>售后服务</span>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=214" target="_blank"
                                        rel="nofollow">退换货政策</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=216" target="_blank"
                                        rel="nofollow">退换货流程</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=220" target="_blank"
                                        rel="nofollow">投诉与建议</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/service/client" target="_blank" rel="nofollow">在线客服</a>
                                </p>
                            </li>
                            <li class="left">
                                <p>
                                    <span>APP常见问题</span>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=224" target="_blank"
                                        rel="nofollow">IPhone版</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=226" target="_blank"
                                        rel="nofollow">Android版</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=228" target="_blank"
                                        rel="nofollow">wap版</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=230" target="_blank"
                                        rel="nofollow">IPAD版</a>
                                </p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="footer-link">
                <div class="content">
                    <div class="about-us">
                        <div class="left-flag">
                            <a href="" class="govicon"><img src="./image/ebsIcon-new.png" alt=""></a>
                            <a href=""><img src="./image/credit-flag3.png" alt=""></a>
                            <a href=""><img src="./image/isc2.png" alt=""></a>
                        </div>
                        <p class="links">
                            <a href="//www.yohobuy.com" rel="nofollow">返回首页</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/yohobuy.html" rel="nofollow">YOHO!BUY 有货</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/newpower.html" rel="nofollow">新力传媒</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/contact.html" rel="nofollow">联系我们</a>
                            <span>|</span>
                            <a href="//shop.yohobuy.com/settled" rel="nofollow">商家入驻</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/privacy.html" rel="nofollow">隐私条款</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/link.html" rel="nofollow">友情链接</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/brands">潮流品牌大全</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/cate">潮流品类大全</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/cpdq">潮流产品大全</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/guang/news">潮流资讯</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/guang/boys-t2">穿衣搭配(男生版)</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/guang/girls-t2">穿衣搭配(女生版)</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/guang/boys-t1001">潮流人气</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/guang/boys-t4">潮流潮品</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/guang/boys-t22">潮流视频</a>
                            <span>|</span>
                            <a class="police" target="_blank" href="https://beian.miit.gov.cn" rel="nofollow">苏公网安备
                                32010502010132号</a>
                            <span>|</span>
                            <a target="_blank" href="http://www.yohobuy.com/help/qualificationInfo"
                                rel="nofollow">出版物经营许可证</a>
                            <span>|</span>
                            <a target="_blank" href="https://www.yohobuy.com/help/detail?id=238"
                                rel="nofollow">苏B2-20120395</a>
                            <span>|</span>
                            <a target="_blank" href="https://www.yohobuy.com/help/detail?id=266"
                                rel="nofollow">食品经营许可证</a>
                        </p>
                    </div>
                    <div class="copyright">
                        CopyRight © 2007-2022 南京新与力文化传播有限公司
                        <a class="rbg6" href="https://beian.miit.gov.cn" target="_blank"
                            rel="nofollow">苏ICP备09011225号</a>
                        NewPower Co. 版权所有 江苏省南京市建邺区嘉陵江东街18号南京国家广告产业园5栋17，18楼 025-87781000
                    </div>
                </div>
            </div>
        </div>
    </footer>


    <script src="./js/login.js" async></script>
</body>

</html>